<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 2.计算两个文本框的加减乘除 文本框 + 文本框 按钮（=） 文本框（结果） 提示：可以通过 input.value = "值" 来设置 input里的值。 -->
    <input class="one" type="text"> ＋
    <input class="tow" type="text">
<button class="but">＝</button>
    <input class="res" type="text">
    <script>
var one=document.getElementsByClassName("one")[0];
var tow=document.getElementsByClassName("tow")[0];
var but=document.getElementsByClassName("but")[0];
var res=document.getElementsByClassName("res")[0];
but.onclick=function(){
    var a=one.value*1;
    var b=tow.value+"";
    var c=tre.value*1;
  
   switch(b){
    case"+":res.value=a+c;break;
    case"-":res.value=a-c;break;
    case"*":res.value=a*c;break;
    case"/":res.value=a/c;break;
   }
 
}
    </script>
</body>
</html>